<div class="jumbotron-brand">
  <div class="container">
    <div class="row">
      <div class="col-md-5">
        <h1 style="font-size: 24px">
          <div class="ubiq-green">
            <object type="image/svg+xml" data="ubiq-green-small.svg"></object>
            <strong><span class="logo-2">Pool</span></strong>
          </div>
        </h1>
        <strong>Min. payout threshold: {{config.PayoutThreshold}}</strong>, Payouts are continuos throughout the  day.
        <br/>
        <span class="label label-success">PROP</span> Stable and profitable pool with regular payouts.
      </div>
      <div class="col-md-3 stats">
        <div><i class="fa fa-users"></i> Miners Online: <span id="poolHashrate">{{format-number stats.model.minersTotal}}</span></div>
        <div><i class="fa fa-tachometer"></i> Pool Hash Rate: <span id="poolHashrate">{{format-hashrate stats.model.hashrate}}</span></div>
        <div><i class="fa fa-money"></i> Pool Fee: <span id="poolFee" class="label label-success">{{config.PoolFee}}</span></div>
        {{#if stats.model.stats.lastBlockFound}}
          <div><i class="fa fa-clock-o"></i> Last Block Found: <span>{{format-relative (seconds-to-ms stats.model.stats.lastBlockFound)}}</span></div>
        {{/if}}
      </div>
      <div class="col-md-4 stats">
        <div><i class="fa fa-unlock-alt"></i> Network Difficulty: <span>{{with-metric-prefix stats.difficulty}}</span></div>
        <div><i class="fa fa-tachometer"></i> Network Hash Rate: <span>{{format-hashrate stats.hashrate}}</span></div>
        <div><i class="fa fa-bars"></i> Blockchain Height: <span>{{format-number stats.height}}</span></div>
        <div><i class="fa fa-clock-o"></i> Current Round Variance: <span>{{format-number stats.roundVariance style='percent'}}</span></div>
      </div>
    </div>
  </div>
</div>

<div class="container">
  <div class="stats">
    <h4>Your Stats &amp; Payment History</h4>
    <div class="input-group">
      {{input value=cachedLogin class="form-control" placeholder="Enter Your Ubiq Address"}}
      <span class="input-group-btn">
        <button class="btn btn-primary btn-ubiq" type="button" {{action 'lookup' cachedLogin}}>
          <span style="display: inline;"><i class="fa fa-search"></i> Lookup</span>
      </button>
      </span>
    </div>
  </div>
  <div>
    <div class="bs-callout bs-callout-danger">
      <h4>
        Warning
      </h4>
      <p>This is an experimental pool! All the coins mined are in an alpha network (that will be reset eventually) and are for testing purposed only.</p>
    </div>
    <div class="jumbotron">
      <div class="container">
        <h3 class="text-center" style="padding: 0 0 5px 0; margin: 0 0 40px 0;"> Instructions</h3>
        <div class="row">
          <div class="col-md-6">
            <p class="lead text-center">
              <a href="#/help" class="ul-link">
                <span class="ul ul-danger">Getwork</span>
              </a>
            </p>
          </div>
          <div class="col-md-6">
            <p class="lead text-center">
              <a href="#/help" class="ul-link">
                <span class="ul ul-warning">Stratum</span>
              </a>
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
